<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 改变this指向的方法
    /* 
    call():1、可以进行函数的调用
           2、可以改变this的指向，如果没有参数，this指向window
           3、可以改变this的指向，如果只有一个参数，this指向该参数
           4、可以改变this的指向，如果有多个参数，this指向第一个参数，其余的参数是参数列表
    apply():1、可以进行函数的调用
            2、可以改变this的指向，如果没有参数，ths指向window
            3、可以改变this的指向，如果只有一个参数，this指向该参数
            4、可以改变this的指向，如果有多个参数，this指向第一个参数，其余的参数是数组
    bind():1、不可以进行函数的调用
           2、可以改变this的指向，如果没有参数，this指向window
           3、可以改变this的指向，如果只有一个参数，this指向该参数
    */
</script>
<script>
    function fn(){
        console.log('函数调用');
    }
    fn()
    fn.call()
    fn.apply()
    fn.bind()  //不能调用函数
</script>
<script>
    // var obj = {
    //     name:'obj',
    //     age:18,
    //     getName:function(x,y,z){
    //         console.log(x,y,z);  //undefined
    //         console.log(this);  //window
    //         console.log(this.name);  //' '
    //     }.bind()
    // }
    // obj.getName()
</script>
<script>
    var obj_1 = {
        name:'obj_1'
    }
    var obj = {
        name:'obj',
        age:18,
        getName:function(){
            console.log(this);  //指向调用他的地方  指向对象obj  window
            console.log(this.name);  //obj     
            console.log(this.age);   //18
        }.bind()
    }
    obj.getName()
</script>
</html>